Adwaita: help fullcolor app icons

- draw a large dropshadow for aboutboxes
- draw an outline for low res

See issues #1434 and #1445.

diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 41df74253cb6738d993a90a353c74b3189bf53e6..baaf29582f0d41be6133be6d7611d29c8a2b0827 100644 (file)
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -4574,6 +4574,22 @@ stackswitcher button.text-button.circular { // FIXME aggregate with buttons
   padding: 0;
 }
 
+/*************
+ * App Icons *
+ *************/
+/* Outline for low res icons */
+.lowres-icon {
+icon-shadow: 1px 1px rgba(0,0,0,0.3),
+             -1px -1px rgba(0,0,0,0.3),
+             -1px 1px rgba(0,0,0,0.3),
+             1px -1px rgba(0,0,0,0.3);
+}
+
+/* Drapshadow for large icons */ 
+.icon-dropshadow {
+  icon-shadow: 0 2px 12px rgba(0,0,0,0.2), 
+               0 1px 2px rgba(0,0,0,0.7);
+}
 
 /*********
  * Emoji *
@@ -4635,4 +4651,4 @@ popover.emoji-completion contents row box {
 
 popover.emoji-completion .emoji:hover {
   background-color: $popover_hover_color;
-}
\ No newline at end of file
+}

diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 57ac4d34619ca8e65204cb161f8cd32cc7268e85..4f6444af90b9e2a2f548df44afae8ebca37b6787 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1974,6 +1974,13 @@ stackswitcher button.text-button { min-width: 100px; }
 
 stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
 
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { icon-shadow: 1px 1px rgba(0, 0, 0, 0.3), -1px -1px rgba(0, 0, 0, 0.3), -1px 1px rgba(0, 0, 0, 0.3), 1px -1px rgba(0, 0, 0, 0.3); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { icon-shadow: 0 2px 12px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.7); }
+
 /********* Emoji * */
 popover.emoji-picker { padding-left: 0; padding-right: 0; }
 

diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 2cc80dbbd71ef85290ab13742e92be8ee7a72920..21ec4d427ed8aace7496bc324e394eb60708095c 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1994,6 +1994,13 @@ stackswitcher button.text-button { min-width: 100px; }
 
 stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
 
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { icon-shadow: 1px 1px rgba(0, 0, 0, 0.3), -1px -1px rgba(0, 0, 0, 0.3), -1px 1px rgba(0, 0, 0, 0.3), 1px -1px rgba(0, 0, 0, 0.3); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { icon-shadow: 0 2px 12px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.7); }
+
 /********* Emoji * */
 popover.emoji-picker { padding-left: 0; padding-right: 0; }